<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/opusinfo.css">
    <title>「鬼滅の刃」-> OpusInfo</title>
</head>
<body>
    <!-- header -->
    <div id="header">
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt="logo"></a>
        </div>
        <ul class="nav">
            <li><a href="index.html" id="n1">首页</a></li>
            <li class="line"></li>
            <li><a href="opusinfo.html" id="n2">原著</a></li>
            <li class="line"></li>
            <li><a href="#" id="n3">动漫</a></li>
            <li class="line"></li>
            <li><a href="#" id="n4">现任柱</a></li>
            <li class="line"></li>
            <li><a href="index.html#n_img" id="n5">最新情報</a></li>
            <li class="line"></li>
            <li><a href="index.html#n_goods" id="n6">商品情報</a></li>
            <li class="line"></li>
            <li><a href="#" id="n7">十二鬼月</a></li>
            <li class="line"></li>
            <li class="end"><a href="roleinfo.html" id="n8">角色介绍</a></li>
            <li class="login"><a href="login.html">入营</a></li>
            <li class="login_line"></li>
            <li class="login new_login"><a href="#">加入鬼杀队</a></li>
        </ul>
        <hr>
    </div>

    <!-- banner -->
    <div id="banner">
        <a href="#"><img src="images/opus-banner.jpg" alt="banner"></a>
    </div>

    <!-- content -->
    <div id="content">
        <div class="opus-img">
            <a href="#">
                <img src="images/opus-img-1.jpg" alt="opus-img">
            </a>
        </div>
        <div class="opus-info">
            <table class="opus">
                <tr>
                    <th>原名</th>
                    <td>鬼滅の刃(Kimetsu no Yaiba)</td>
                </tr>
                <tr>
                    <th>常用译名</th>
                    <td>鬼灭之刃(Demon Slayer)</td>
                </tr>
                <tr>
                    <th>作者</th>
                    <td><a href="https://baike.baidu.com/item/%E5%90%BE%E5%B3%A0%E5%91%BC%E4%B8%96%E6%99%B4/53611675">吾峠呼世晴</a></td>
                </tr>
                <tr>
                    <th>地区</th>
                    <td>日本</td>
                </tr>
                <tr>
                    <th>出版社</th>
                    <td>
                        <a href="#">集英社</a>
                        <a href="#">东立出版社</a>
                        <a href="#">浙江人民美术出版社</a>
                    </td>
                </tr>
                <tr>
                    <th>连载杂志</th>
                    <td>周刊少年Jump</td>
                </tr>
                <tr>
                    <th>丛书</th>
                    <td>JUMP COMICS</td>
                </tr>
                <tr>
                    <th>发表期间</th>
                    <td>2016年2月15日－2020年5月18日</td>
                </tr>
                <tr>
                    <th>册数</th>
                    <td>全23卷</td>
                </tr>
                <tr>
                    <th>连载状态</th>
                    <td>已完结</td>
                </tr>
                <tr>
                    <th>改编载体</th>
                    <td>动画、小说、游戏</td>
                </tr>
            </table>
        </div>
    </div>

    <!-- footer -->
    <div id="footer">
        <hr>
        <dl>
            <dt><img src="images/footer_nav.png" alt="footer_nav"></dt>
            <dd><a href="opusinfo.html" id="end">到页面顶部</a></dd>
        </dl>
        <ul class="aniplex">
            <li class="jump"><img src="images/footer_jump.jpg" alt="jump"></li>
            <li><img src="images/footer_aniplex.jpg" alt="aniplex"></li>
        </ul>
        <ul class="share">
            <li class="share_left"><a href="#">SHARE</a></li>
            <li><a href="https://www.bilibili.com/">Bilibili</a></li>
            <li><a href="#">&nbsp;WeChat</a></li>
            <li><a href="#">Email</a></li>
        </ul>
        <div class="footer_text">
            <p>生活虽然不易，但也很幸福，不过人生就像天空一样，有四季更替，时刻都在变化</p>
            <p>不会一直晴空万里，也不会一直大雪纷飞->&copy;<a href="#" title="李如意">lry</a></p>
        </div>
        <div class="space">
            <p><img src="images/space.svg" alt="space"></p>
            <p>中国大陆</p>
        </div>
    </div>
    <div id="fly">
        <img src="images/roleinfo-bg.png" alt="fly">
    </div>
</body>
</html>